extends ../common/layout
block content
  section#content
    section#bjax-el.vbox
      section.scrollable.padder-lg
        h2.font-thin.m-b Video
        .row.row-sm
          each i in [1,2,3,4,5,6]
            .col-xs-12.col-sm-4
              .item
                .pos-rlt
                  .item-overlay.opacity.r.r-2x.bg-black
                    .center.text-center.m-t-n
                      a(href='/video-detail')
                        i.fa.fa-play-circle.i-2x
                  .top
                    span.badge.bg-dark.m-l-sm.m-t-sm 03:20
                  a(href='/video-detail')
                    img.r.r-2x.img-full(src='/images/m1.jpg', alt='')
                .padder-v
                  a.text-ellipsis(href='/video-detail') Tempered Song
                  a.text-ellipsis.text-xs.text-muted(href='/video-detail') Miaow
        h3.font-thin.m-b Video List
        .row.row-sm
          each i in [1,2,3,3,3,3,3,3]
            .col-xs-6.col-sm-4.col-md-3
              .item
                .pos-rlt
                  .item-overlay.opacity.r.r-2x.bg-black
                    .center.text-center.m-t-n
                      a(href='/video-detail')
                        i.fa.fa-play-circle.i-2x
                  a(href='/video-detail')
                    img.r.r-2x.img-full(src='/images/m1.jpg', alt='')
                .padder-v
                  a.text-ellipsis(href='/video-detail') Tempered Song
                  a.text-ellipsis.text-xs.text-muted(href='/video-detail') Miaow
        ul.pagination.pagination
          li
            a(href='#')
              i.fa.fa-chevron-left
          li.active
            a(href='#') 1
          li
            a(href='#') 2
          li
            a(href='#') 3
          li
            a(href='#') 4
          li
            a(href='#') 5
          li
            a(href='#')
              i.fa.fa-chevron-right
